<template>
  <div class="container title">
    <van-row class="">
      
        
          <!-- <van-icon name="/img/signin.png" size="25" class="icon-login" @click="$router.push('/login')"/>
          <van-icon name="/img/signup.png" size="25" class="icon-out"/> -->
       
      
       <van-col span="18"><van-search v-model="value" shape="round" class="vsearch" placeholder="搜索" @search="onSearch(value)">
        </van-search> </van-col>
        <van-col span="6"> <van-cell value="高级检索" to="/advsearch" />  </van-col>
    
    </van-row>
 <van-row class="textword">

  <van-image
 
  src="/img/theme.png"
/>
 </van-row>


  <van-row class="silk">

  <van-image
 
  src="/img/silk.png"
/>
 </van-row>

  <van-row class="house">

  <van-image
 
  src="/img/house.png"
/>
 </van-row>
    
  </div>
</template>

<script>
export default {
  name:'',
  components: {},
  props:{},
  data () {
    return {
      value: '',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted(){},
  methods: {
    onSearch(val){
      this.$router.push({name:'homeSearch',params:{sText:val}});
    }
  }
}

</script>
<style lang='less' scoped>

.container{
  overflow-y: auto;
}

.title{
  width: 100%;
  min-height: 100vh;
  background: url("/img/bg_cloud.png") no-repeat;
  background-size: cover;
}

 /deep/ .van-cell{
  background-color: transparent;
  color: red;
}

.vsearch{
  background: none; 
}

.icon-login{
  padding: 10px 5px 10px 0;
}
.icon-out{
  padding-top: 10px;
}
.textword{
  margin-top: 20%;
  padding: 10px;
  text-align: center;
}
.house{
 position: fixed;
    bottom: 50px;
    left: 0;
}

</style>
